<html>
<head>
<title>TEST</title>
<link href="fbstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"><!-- hide from old browsers
function validate (form) {
    var alertstr = '';
    var invalid  = 0;

    // fullname: standard text, hidden, password, or textarea box
    var fullname = form.elements['fullname'].value;
    if (fullname == null || fullname === "") {
        alertstr += '- Invalid entry for the "Full Name" field\n';
        invalid++;
    }
    if (invalid > 0 || alertstr != '') {
        if (! invalid) invalid = 'The following';   // catch for programmer error
        alert(''+invalid+' error(s) were encountered with your submission:'+'\n\n'
                +alertstr+'\n'+'Please correct these fields and try again.');
        // reset counters
        alertstr = '';
        invalid  = 0;
        return false;
    }
    return true;  // all checked ok
}
//-->
</script>
</head>
<body>
<h3>TEST</h3>
<noscript><span class="fb_invalid">Please enable Javascript or use a newer browser.</span></noscript>
<p>1 error(s) were encountered with your submission. Please correct the fields <span class="fb_invalid">highlighted</span> below.</p>
<form action="TEST" method="post" onsubmit="return validate(this);">
<input id="_submitted" name="_submitted" type="hidden" value="1" />
<table class="fb">
<tr>
  <td class="fb_label"><span class="fb_required">Full Name</span></td>
  <td class="fb_field"><input class="fb_input" id="fullname" name="fullname" type="text" /></td>
</tr>
<tr>
  <td class="fb_label">Sex</td>
  <td class="fb_field"><table class="fbcolumns">
  <tr>
    <td><input class="fb_radio" id="gender_M" name="gender" type="radio" value="M" /></td>
    <td><label class="fboption" for="gender_M">M</label></td>
  </tr>
  <tr>
    <td><input class="fb_radio" id="gender_F" name="gender" type="radio" value="F" /></td>
    <td><label class="fboption" for="gender_F">F</label></td>
  </tr>
  </table>It's one or the other</td>
</tr>
<tr>
  <td class="fb_label"><span class="fb_invalid">Favy Colour</span></td>
  <td class="fb_field"><select class="fb_select" id="fav_color" name="fav_color">
  <option value="">-select-</option>
  <option value="Red">Red</option>
  <option value="Green">Green</option>
  <option value="Blue">Blue</option>
  <option value="Orange">Orange</option>
  <option value="Yellow">Yellow</option>
  <option value="Purple">Purple</option>
  </select><span class="fb_message">Select an option from this list</span><br />
Choose just one, even if you have more than one</td>
</tr>
<tr>
  <td class="fb_label">Things you love</td>
  <td class="fb_field"><table class="fbcolumns">
  <tr>
    <td><input class="fb_checkbox" id="lover_Sex" name="lover" type="checkbox" value="Sex" /></td>
    <td><label class="fboption" for="lover_Sex">Sex</label></td>
  </tr>
  <tr>
    <td><input class="fb_checkbox" id="lover_Drugs" name="lover" type="checkbox" value="Drugs" /></td>
    <td><label class="fboption" for="lover_Drugs">Drugs</label></td>
  </tr>
  <tr>
    <td><input class="fb_checkbox" id="lover_Rock_Roll" name="lover" type="checkbox" value="Rock+Roll" /></td>
    <td><label class="fboption" for="lover_Rock_Roll">Rock+Roll</label></td>
  </tr>
  </table></td>
</tr>
<tr>
  <td class="fb_submit" colspan="2"><input class="fb_button" id="_reset" name="_reset" type="reset" value="Showme" /><input class="fb_button" id="_submit" name="_submit" onclick="this.form._submit.value = this.value;" type="submit" value="Update" /><input class="fb_button" id="_submit_2" name="_submit" onclick="this.form._submit.value = this.value;" type="submit" value="Delete" /></td>
</tr>
</table>
</form>
</body>
</html>
